<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<title>全网vip免费看1111</title>
    <link rel="shortcut icon" href="./favicon.ico">
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
	
		<link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
		<style>
		body {
			background: #000;
			height: 100%;
		}
		canvas {
			height: 180%;
			bottom: 0;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
		}

		</style>
	</head>
<body background="https://tupian-1258455256.cos.ap-chengdu.myqcloud.com/down_19_1_7_16_40_53.gif" style="background-repeat:no-repeat">

 <div id="imgDiv" style="position:absolute;left:80px;top:80px;">
    <div id="a" style="width:20px;height:20px;position:absolute;left:280px;background:salmon;text-align: center;">×</div>
    
    <div style="width:285px;height:500px;">
	
	<img  style="width:280px;height:280px;"  src=''>
	<img  style="width:280px;height:280px;"  src=''>

	</div>
</div>

	<div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
		<h3 class="text-muted" align="center" style="color:#fff;">全网vip免费看</h3><hr>
			<table class="table table-bordered">
				<tbody>
					<div class="col-md-14 column">
						<div class="panel panel-default">
							<div id="kj" class="panel-body">
								<iframe src="" id="player" width="100%" height="400px" allowtransparency="true" frameborder="0" scrolling="no" style="background:#000;" ></iframe>
							</div>
						</div>
					</div>
					<tr>
						<div class="col-md-14 column">
							<form method="get" id="1233911832">
								<div class="input-group" style="width: 100%;">
									<span class="input-group-addon input-lg" style="width: 80px; ">选择通道</span>
									<select class="form-control input-lg" id="jk">
										<option value="https://jx.618g.com/?url=">vip通道1</option>
										<option value="http://api.bbbbbb.me/jx/?url=">vip通道2</option>
										<option value="https://2wk.com/vip.php?url=">vip通道3</option>
										<option value="http://api.ledboke.com/vip/?url=">vip通道4</option>
										<option value="http://yun.baiyug.cn/vip/?url=">vip通道5</option>
										<option value="http://api.baiyug.cn/vip/index.php?url=">vip通道6</option>
										<option value="http://jx.hezeshi.net/index.php?url=">vip通道7</option>
									</select>
								</div><br>
								<div class="input-group" style="width: 100%;">
									<span class="input-group-addon input-lg" style="width: 80px;">播放地址</span>
									<input class="form-control input-lg" type="search" placeholder="输入播放地址" id="url">

								</div><br>
								<div><button id="bf" type="button" class="btn btn-primary btn-lg btn-block" onclick='var diz = document.getElementById("url").value;var jkurl = document.getElementById("jk");var jk = document.getElementById("jk").selectedIndex;var jkv = jkurl.options[jk].value;var cljurl = document.getElementById("player");cljurl.src = jkv + diz;'>观看</button>
								</div>
							</form>
						</div>
					</tr>
				</tbody>
			</table>
			<table class="table table-bordered" style="background: rgba(0,0,0,.3);color:#fff;">
				<thead>
					<tr></tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<ol>
								<h5>
									
									<li>如果遇到无法播放 切换播放通道 不同的网站可能跟解析服务器支持有关</li><br>
									<li></li><br>
								</h5>
							</ol>
						</td>
					</tr>
				</tbody>
			</table>
      <center><a class="btn btn-default" href="javascript:;">友情链接：</a> </center>

<script language="javascript">

$('.home-video').height(window.innerHeight);
$('.header').height(window.innerHeight);
$(window).resize(function() {
    $('.home-video').attr('height', window.innerHeight);
    $('.home-video').attr('width', window.innerWidth);
    $('.header').height(window.innerHeight);
});

</script>

<script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
<script type="text/javascript">
var xin = true,
    yin = true;
var step = 1;
var delay = 10;
var $obj;
$(function() {
    $obj = $("#imgDiv");
    var time = window.setInterval("move()", delay);
    $obj.mouseover(function() {
        clearInterval(time)
    });
    $obj.mouseout(function() {
        time = window.setInterval("move()", delay)
    });
});

function move() {
    var left = $obj.offset().left;
    var top = $obj.offset().top;
    var L = T = 0; //左边界和顶部边界
    var R = $(window).width() - $obj.width(); // 右边界
    var B = $(window).height() - $obj.height(); //下边界
    if (left < L) {
        xin = true; // 水平向右移动
    }
    if (left > R) {
        xin = false;
    }
    if (top < T) {
        yin = true; 
    }
    if (top > B) {
        yin = false;
    }
    left = left + step * (xin == true ? 1 : -1);
    top = top + step * (yin == true ? 1 : -1);
    // 给div 元素重新定位
    $obj.offset({
        top: top,
        left: left
    })
}
$(function() {
    $("#a").click(function() {
        var b = $("#a").parent();
        $(b).remove();
    })
})
$("#imgDiv").draggable();
</script>
</body>
</html>
